<div class="weui-tabbar footer" >
    <a href="{:url('index/index')}" class="weui-tabbar__item {if condition='$footfrom ==1 '}weui-bar__item_on {/if}">
                        <span style="display: inline-block;position: relative;">
                            <i class="fa fa-home weui-tabbar__icon   "></i>
                        </span>
        <p class="weui-tabbar__label">首页</p>
    </a>
    <a href="{:url('usercenter/dynamic')}" class="weui-tabbar__item {if condition='$footfrom ==2 '}weui-bar__item_on {/if}">
                        <span style="display: inline-block;position: relative;">
                            <i class="fa fa-comments weui-tabbar__icon " ></i>
                            <!--<span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -6px;"></span>-->
                        </span>
        <p class="weui-tabbar__label">我的圈子</p>
    </a>
    <a href="{:url('usercenter/index')}" class="weui-tabbar__item {if condition='$footfrom==3 '}weui-bar__item_on {/if}">
                        <span style="display: inline-block;position: relative;">
                            <i class="fa fa-user weui-tabbar__icon"></i>
                            <!--<span class="weui-badge" style="position: absolute;top: -2px;right: -6px;">8</span>-->
                        </span>
        <p class="weui-tabbar__label">我的</p>

    </a>
</div>   

<script type="text/javascript">
    $(function(){
        $('.weui-tabbar__item').on('click', function () {
            $(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
        });
    });
</script>